<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>PomodoroTime</title>
	    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
	    <meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    
	    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/icon/1z1b_logo114.png"/>
	    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/icon/1z1b_logo72.png"/>
	    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="assets/icon/1z1b_logo57.png"/>
		<link rel="shortcut icon" type="image/x-icon" href="assets/icon/favicon.ico"/>
		<link rel="stylesheet" href="assets/css/junior.css"/>
	    <link rel="stylesheet" type="text/css" href="assets/css/jquery.percentageloader-0.1.css"/>
	    <link rel="stylesheet" href="assets/css/ratchet.css"/>
	    <link rel="stylesheet" href="assets/css/counter.css"/>
	    <link rel="stylesheet" href="assets/css/icon.css"/>

	    <style type="text/css">
	    	/*css fix*/
	    	header .button-next{top:5px;}

			.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
			.clearfix{display:inline-block}
			* html .clearfix{height:1%}
			.clearfix{display:block}

	    	.task-finished{text-decoration: line-through;color: #DDD;}
	    	.content form{margin: 10px;}
	    	.btn-input{margin: 10px 0 10px 0;}
			.btn-input .button{height:30px;line-height: 30px;}
	    	.btn-input input[type="text"]{width:40px;margin:0px 5px;text-align: center;}
	    	.input-row textarea{margin: 0 5% 5% 5%;width:90%;}
	    	/*任务列表项菜单样式*/
	    	#empty_words{display:none;text-align:center;height:200px;line-height:200px;}
	    	.task_menu{margin-top:5px;display:none;}
	    	.task_menu ul{display:block;margin:auto;width:250px;}
	    	.task_menu li{border-left:1px solid #EEE;padding:0px;float:left;list-style: none;width:49px;height:50px;line-height:50px;text-align:center;border-bottom:0;}
	    	.task_menu li:first-child{border:0;}
	    </style>

	</head>
	<body>
	    <div id="app-container">
		    <div id="app-main">
		    </div>
		</div>
	    <script type="text/javascript" src="assets/javascript/modernizr.custom.15848.js"></script>
	    <script type="text/javascript" src="assets/javascript/jquery-1.8.3.min.js"></script>
	    <script type="text/javascript" src="assets/javascript/jquery.percentageloader-0.1.js"></script>
	    <script type="text/javascript" src="assets/javascript/lodash.min.js"></script>
	    <script type="text/javascript" src="assets/javascript/backbone-min.js"></script>
	    <script type="text/javascript" src="assets/javascript/underscore.string.min.js"></script>
	    <script type="text/javascript" src="assets/javascript/junior.js"></script>
	    <script type="text/javascript" src="assets/javascript/hammer.min.js"></script>
	    <script type="text/javascript" src="assets/javascript/jquery.hammer.specialevent.js"></script>
	    <script type="text/javascript" src="assets/javascript/Setting.js"></script>
	    <script type="text/javascript" src="assets/javascript/WebSQL.min.js"></script>
	    <script type="text/javascript" src="assets/javascript/Storage.js"></script>
	    <script type="text/javascript" src="assets/javascript/Notification.js"></script>
	
	    <script type="text/javascript" src="src/model.js"></script>
	    <script type="text/javascript" src="src/home.js"></script>
	    <script type="text/javascript" src="src/add_item.js"></script>
	    <script type="text/javascript" src="src/counter.js"></script>    
	
	    <script src="app.js"></script>
	</body>
</html>